import React from 'react'
import { Avatar, Icon, Divider, Popover, Tag } from 'antd'
import './index.less'
export default function Author() {
  return (
    <div className="author-div comm-box">
      <div>
        <Avatar
          size={100}
          src="https://img1.baidu.com/it/u=484235812,2378452320&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
        />
        <div className="author-introduction">简简单单的打工仔~~</div>
        <div className="tags">
          <Tag color="volcano">菜鸡</Tag>
          <Tag color="lime">浙江中医药大学</Tag>
          <Tag color="geekblue">计科</Tag>
          <Tag color="orange">药学</Tag>
        </div>
        <Divider>社交账号</Divider>
        <a href="https://gitee.com/coderzrf">
          <Avatar size={28} icon="github" className="account" />
        </a>
        <Popover
          content={<img src={require('../../assets/image/qq.jpg')} width={200} />}
          trigger="hover"
          placement="bottom"
        >
          <Avatar size={28} icon="qq" className="account" />
        </Popover>
        <Popover
          content={<img src={require('../../assets/image/wechat.jpg')} width={200} />}
          trigger="hover"
          placement="bottom"
        >
          <Avatar size={28} icon="wechat" className="account" />
        </Popover>
      </div>
    </div>
  )
}
